<!DOCTYPE html>
<html lang="en">
<head>
    <title>About us</title>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    {% load staticfiles %}
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">

    <!-- FontAwesome CSS -->
    <link rel="stylesheet" href="{% static 'css/font-awesome.min.css' %}">

    <!-- ElegantFonts CSS -->
    <link rel="stylesheet" href="{% static 'css/elegant-fonts.css' %}">

    <!-- themify-icons CSS -->
    <link rel="stylesheet" href="{% static 'css/themify-icons.css' %}">

    <!-- Swiper CSS -->
    <link rel="stylesheet" href="{% static 'css/swiper.min.css'%} ">

    <!-- Styles -->
    <link rel="stylesheet" href="{% static 'style.css' %}">
</head>
<body class="about-page">
    <div class="page-header">
            <header class="site-header">



                <div class="nav-bar">
                    <div class="container">
                        <div class="row">
                            <div class="col-9 col-lg-3">
                                <div class="site-branding">
                                    <h1 class="site-title"><a href="{% url 'student:index' %}" rel="home">学生管理<small><span>系统</span></small></a></h1>
                                </div><!-- .site-branding -->
                            </div><!-- .col -->

                            <div class="col-3 col-lg-9 flex justify-content-end align-content-center">
                                <nav class="site-navigation flex justify-content-end align-items-center">
                                    <ul class="flex flex-column flex-lg-row justify-content-lg-end align-content-center change-a-width">
                                        <li ><a href="{% url 'student:index' %}">首页</a></li>
                                        <li ><a href="{% url 'student:add' %}">新建</a></li>
                                        <li><a href="{% url 'student:search' %}">查询</a></li>
                                        <li class="current-menu-item"><a href="">关于</a></li>
                                    </ul>

                                    <div class="hamburger-menu d-lg-none">
                                        <span></span>
                                        <span></span>
                                        <span></span>
                                        <span></span>
                                    </div><!-- .hamburger-menu -->

                                    <div class="header-bar-cart">
                                        <a href="#" class="flex justify-content-center align-items-center"><span aria-hidden="true" class="icon_bag_alt"></span></a>
                                    </div><!-- .header-bar-search -->
                                </nav><!-- .site-navigation -->
                            </div><!-- .col -->
                        </div><!-- .row -->
                    </div><!-- .container -->
                </div><!-- .nav-bar -->

            </header><!-- .site-header -->

            <div class="page-header-overlay">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <header class="entry-header">
                                <h1>ABOUT</h1>
                            </header><!-- .entry-header -->
                        </div><!-- .col -->
                    </div><!-- .row -->
                </div><!-- .container -->
            </div><!-- .page-header-overlay -->
        </div><!-- .page-header -->

    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumbs">
                    <ul class="flex flex-wrap align-items-center p-0 m-0">
                        <li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
                        <li>About</li>
                    </ul>
                </div><!-- .breadcrumbs -->
            </div><!-- .col -->
        </div><!-- .row -->

      
    </div><!-- .container -->



    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="team-heading" style="margin-top:0px;">
                    <h2 class="entry-title">Meet Our Team</h2>
                    <p>here is our team ,we do a lot prepare for this project.</p>
                </div><!-- .team-heading -->
            </div><!-- .col -->

            <div class="col-12 col-md-6 col-lg-3">
                <div class="team-member">
                    <img src="{% static 'images/修4.png' %}" alt="">

                    <h3>李俊霖</h3>
                    <h4>python后台建立</h4>
                    <h4>框架配置</h4>

                    <ul class="p-0 m-0 d-flex justify-content-center align-items-center">
                        
                    </ul>
                </div><!-- .team-member -->
            </div><!-- .col -->

            <div class="col-12 col-md-6 col-lg-3">
                <div class="team-member">
                    <img src="{% static 'images/修2.jpg' %}" alt="">

                    <h3>李倚天</h3>
                    <h4>页面设计</h4>
                    <h4>图片ps</h4>

                    <ul class="p-0 m-0 d-flex justify-content-center align-items-center">
                        
                    </ul>
                </div><!-- .team-member -->
            </div><!-- .col -->

            <div class="col-12 col-md-6 col-lg-3">
                <div class="team-member">
                    <img src="{% static 'images/修1.png' %}" alt="">

                    <h3>张杰</h3>
                    <h4>数据库分析</h4>
                    <h4>数据表设计</h4>
                    <ul class="p-0 m-0 d-flex justify-content-center align-items-center">
                        
                    </ul>
                </div><!-- .team-member -->
            </div><!-- .col -->

            <div class="col-12 col-md-6 col-lg-3">
                <div class="team-member">
                    <img src="{% static 'images/修3.png'%}" alt="">

                    <h3>蔡浩宇 </h3>
                    <h4>HTML CSS</h4>
                    <h4>js,jqurey特效</h4>
                    <ul class="p-0 m-0 d-flex justify-content-center align-items-center">
                       
                    </ul>
                </div><!-- .team-member -->
            </div><!-- .col -->
        </div><!-- .row -->
    </div><!-- .container -->
    <footer class="site-footer " style="margin-top: 85px;">
        <div class="footer-bar">
            <div class="container">
                <div class="row flex-wrap justify-content-center justify-content-lg-between align-items-center">
                    <div class="col-12 col-lg-6">
                        <div class="download-apps flex flex-wrap justify-content-center justify-content-lg-start align-items-center">
                            <a href="http://www.henannu.edu.cn/"><img src="{% static 'images/shid.jpg'%}" style="height: 37px;width: 119px;"  alt=""></a>
                            <a href="https://github.com/aoxipo"><img src="{% static 'images/my1.png'%}" alt="" style="height: 37px;width: 119px;"></a>
                        </div><!-- .download-apps -->

                    </div>

                    <div class="col-12 col-lg-6 mt-4 mt-lg-0">
                        <div class="footer-bar-nav">
                            <ul class="flex flex-wrap justify-content-center justify-content-lg-end align-items-center">
                                <li><a href="{% url 'student:list' %}">list</a></li>
                                <li><a href="{% url 'student:about' %}">Terms of Use</a></li>
                                <li><a href="https://github.com/aoxipo">Privacy Policy</a></li>
                            </ul>
                        </div><!-- .footer-bar-nav -->
                    </div><!-- .col-12 -->
                </div><!-- .row -->
            </div><!-- .container -->
        </div><!-- .footer-bar -->
    </footer><!-- .site-footer -->

    <script type='text/javascript' src="{% static 'js/jquery.js'%}"></script>
    <script type='text/javascript' src="{% static 'js/swiper.min.js'%}"></script>
    <script type='text/javascript' src="{% static 'js/masonry.pkgd.min.js' %}"></script>
    <script type='text/javascript' src="{% static 'js/jquery.collapsible.min.js' %}"></script>
    <script type='text/javascript' src="{% static 'js/custom.js'%}"></script>

</body>
</html>